<template>
  <div>
    <NavBar :title="title" />
    <div class="content-top">
      <!-- 客服微信 -->
      <div style="display: flex; flex-direction: column; padding: 20px">
        <p
          style="
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 30px 0 35px;
            border-radius: 10px;
            background-color: #fff;
          "
        >
          <b style="margin-bottom: 15px; font-size: 22px; color: #f70"
            >微信小助理</b
          >
          <span style="font-size: 16px; font-weight: 500; color: #333"
            >添加微信号：www-573job-com</span
          >
          <van-button
            type="primary"
            color="#52c232"
            style="
              height: 34px;
              border-radius: 50px;
              margin: 20px 0 25px;
              font-size: 16px;
              line-height: 34px;
            "
            @click="copy"
            >复制微信号</van-button
          >
          <van-image
            width="200"
            height="200"
            style="padding: 9px; border: 1px solid #eee; border-radius: 5px"
            :src="require('@/assets/img/my/qrcode_helper.png')"
          />
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import NavBar from "@/components/NavBar.vue";
import { Button, Image as VanImage } from "vant";
import { returnToPhoneWithData } from "@/util/phone";
export default {
  name: "WXKF",
  components: {
    NavBar,
    [Button.name]: Button,
    [VanImage.name]: VanImage,
  },
  props: ["title"],
  // 定义属性
  data() {
    return {};
  },
  // 方法集合
  methods: {
    copy() {
      console.log("1111");
      returnToPhoneWithData({
        action: "copy",
        content: "www-573job-com",
      });
    },
  },
};
</script>

<style scoped></style>
